<template>
	<div class="profit">
		<el-tabs v-model="activeName">
		    <el-tab-pane label="时长收益" name="first"><Duration/></el-tab-pane>
		    <el-tab-pane label="月卡收益" name="second"><MonthlyCard/></el-tab-pane>
		    <el-tab-pane label="现金收益" name="three"><Cash/></el-tab-pane>
		</el-tabs>
	</div>
</template>

<script>
	import axios from 'axios'
	import qs from 'qs'
	import Duration from './components/duration'
	import MonthlyCard from './components/monthlyCard'
	import Cash from './components/cash'

	export default {
		name:'profit',
		components:{
			Duration,
			MonthlyCard,
			Cash
		},
		data() {
			return {
				activeName: 'first',
			}
		},
		mounted() {

		},
		methods: {

		}
	} 

</script>

<style scoped>
	.profit{
		padding: 40px;
	}

</style>